<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/tk.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="js/swiper.min.js"></script>
		
	</head>
	<body>
		<div id="web">
			<!--头部 宽995  高134-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国热线：88888888888</span>
						<div class="link fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>
					</div>
				</div>
				<nav>
					<div class="logo fl">
						<img src="img/tu_03.jpg"/>
					</div>
					<ul class="fr clearfix">
						<li class="active">
							<a href="index.html">
								<p>首页</p>
								<p>Home</p>
							</a>
							
						</li>
						<li>
							<a href="cp.html">
								<p>产品中心</p>
								<p>Products</p>
							</a>
							
						</li>
						<li>
							<a href="">
								<p>服务支持</p>
								<p>Service</p>
							</a>
							
						</li>
						<li>
							<a href="detailed.html">
								<p>新闻中心</p>
								<p>News</p>
							</a>
							
						</li>
						<li>
							<a href="">
								<p>在线商店</p>
								<p>Shop</p>
							</a>
							
						</li>
						<li>
							<a href="">
								<p>联系我们</p>
								<p>Contact</p>
							</a>
							
						</li>
					</ul>
				</nav>
			</header>
			<!--轮播图-->
			<div class="carou">
				<div class="lb">
					<!--<img src="img/bg_02.png"/>-->
					<!--<p></p>-->
					<div class="swiper-container">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide"><img src="img/bg_02.png"/></div>
					        <div class="swiper-slide"><img src="img/bg_02.png" alt="" /></div>
					        <div class="swiper-slide"><img src="img/bg_02.png"/></div>
					    </div>
					    <!-- 如果需要分页器 -->
					    <div class="swiper-pagination"></div>
					    
					    <!-- 如果需要导航按钮 -->
					    <!--<div class="swiper-button-prev"></div>
					    <div class="swiper-button-next"></div>-->
					    
					    <!-- 如果需要滚动条 -->
					    <div class="swiper-scrollbar"></div>
					</div>
				</div>
				<!--<ul class="point">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>-->
			</div>
			<!--产品介绍-->
			<div class="product">
				<div class="item fl">
					<div class="news">
						<div class="center1" align="center">
							<img src="img/7.png"/>
							<h3>新闻</h3>
							<h2>NEWS.CENTER</h2>
							<hr />
						</div>
						<div class="news_left">
							<table>
								<tr>
									<td>CeBIT 2015</td>
									<td rowspan="2" width="20px"></td>
								</tr>
								<tr>
									<td><img src="img/5.png"/></td>
									<td>创新ICT共建全联接<br/>世界德国汉诺威展览<br/>中心<br/>3月16日-20日</td>
								</tr>
							</table>
							<hr />
						</div>
						<div class="news_ul">
							<ul>
								<li><span></span>上海国际智能建筑展览会</li>
								<li><span></span>2014德国柏林国际消费类电子产品展览会</li>
								<li><span></span>2014中国(贵阳)公告安全防范产品博览会</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="item1 fl">
					<div class="news1">
						<div class="center2" align="center">
							<img src="img/8.png"/>
							<h3>新品发布</h3>
							<h2>NEW.PRODUCTS</h2>
							<hr />
						</div>
						<div class="news1_ul">
							<ul>
								<li><img src="img/3.png" class="tu3"/></li>
								<li><img src="img/1.png"/></li>
								<li><img src="img/4.png" class="tu4"/></li>
							</ul>
							
						</div>
						<p>s6213w-y</p>
						<p>海思3518E方案，多码流技术，百万高清</p>
					</div>
				</div>
				<div class="item2 fr">
					<div class="news2">
						<div class="center3" align="center">
							<img src="img/9.png"/>
							<h3>品牌介绍</h3>
							<h2>INFORMATION</h2>
							<hr />
						</div>
						<div class="news2_tu2">
							<img src="img/2.png"/>
							<img src="img/6.png"/>
							<span>"siepem"品牌是广州市TK科技有限公司<br/>推出的自有品牌</span>
						</div>
					</div>
				</div>
			</div>
			<!--关于我们-->
			<div class="about">
				<div class="about_wo">
					<h2>关于我们</h2>
					<fieldset id="a">
						<legend>SEORE DISPLAY</legend>
					</fieldset>
				</div>
				<div class="about_bg">
					<div class="about_bg_span">
						<p class="jz1">广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。</p>
						<p class="jz2">TK公司自创立以来，一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品持续为客户创造最大价值。</p>
					</div>
					<div class="about_bg_lb">
						<div class="swiper-container">
						    <div class="swiper-wrapper">
						        <div class="swiper-slide"><img src="img/16.png"/><img src="img/19.png"/><img src="img/18.png"/></div>
						        <div class="swiper-slide"><img src="img/16.png"/><img src="img/19.png"/><img src="img/18.png"/></div>
						        <div class="swiper-slide"><img src="img/16.png"/><img src="img/19.png"/><img src="img/18.png"/></div>
						    </div>
						    <!-- 如果需要分页器 -->
						    <!--<div class="swiper-pagination"></div>-->
						    
						    <!-- 如果需要导航按钮 -->
						    <!--<div class="swiper-button-prev"></div>
						    <div class="swiper-button-next"></div>-->
						    
						    <!-- 如果需要滚动条 -->
						    <!--<div class="swiper-scrollbar"></div>-->
						</div>
					</div>
				</div>
			</div>
			<!--联系我们-->
			<div class="relation">
				<table class="relation_left">
					<tr>
						<td rowspan="4"><img src="img/15.png"/></td>
						<td rowspan="6" width="20px"></td>
						<td><img src="img/lx1_03.png"/></td>
						<td rowspan="6" width="20px"></td>
						<td>服务热线：400-000-0000</td>
					</tr>
					<tr>
						<td><img src="img/lx2_03.png"/></td>
						<td>联系人：某先生</td>
					</tr>
					<tr>
						<td><img src="img/lx3_03.png"/></td>
						<td>公司邮箱：www.tk.com</td>
					</tr>
					<tr>
						<td><img src="img/lx4_03.png"/></td>
						<td>公司传真：000-12345678</td>
					</tr>
					<tr>
						<td style="text-align: center;">微信扫一扫</td>
						<td><img src="img/lx5_03.png"/></td>
						<td>邮政编码：467000</td>
					</tr>
					<tr>
						<td style="text-align: center;">关注我们相关的信息</td>
						<td><img src="img/lx6_03.png"/></td>
						<td>公司地址：广州市某某区某某路某号</td>
					</tr>
					<tr>
						<td colspan="5" height="33px"></td>
					</tr>
					<tr>
						<td colspan="5"><img src="img/12_03.png"/></td>
					</tr>
				</table>
				<table class="relation_right">
					<tr>
						<td>昵称</td>
					</tr>
					<tr>
						<td><input type="text" style="line-height: 34px; width: 547px;"/></td>
					</tr>
					<tr>
						<td>联系电话</td>
					</tr>
					<tr>
						<td><input type="number" style="line-height: 34px; width: 547px;"/></td>
					</tr>
					<tr>
						<td>电子邮箱</td>
					</tr>
					<tr>
						<td><input type="text" style="line-height: 34px; width: 547px;"/></td>
					</tr>
					<tr>
						<td>内容</td>
					</tr>
					<tr>
						<td>
							<textarea rows="6px" cols="75px" class="relation_content"></textarea>
						</td>
					</tr>
					<tr>
						<td><a href="" class="relation_right_tj">提交</a></td>
					</tr>
				</table>
			</div>
			<!--页脚-->
			<div class="footer">
				<div class="footer_top">
					<p>
						关注我们：
						<img src="img/ft1_07.png"/>
						<img src="img/ft2_07.png"/>
						<img src="img/ft3_07.png"/>
					</p>
				</div>
				<div class="footer_nav">
					<a href="#">网站首页.</a>
					<a href="#">新闻动态.</a>
					<a href="#">关于我们.</a>
					<a href="#">团队风采.</a>
					<a href="#">联系我们.</a>
					<a href="#">在线留言</a>
				</div>
				<div class="footer_buttom">
					<p>&copy;2015 TK科技有限公司  版权所有沪ICP证13022560号-7  All Rights Reserved</p>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			new Swiper('.swiper-container',{
				loop:true,
				direction:"horizontal",
				pagination:".swiper-pagination",
				nextButton:".swiper-button-next",
				prevButton:".swiper-button-prev",
				autoplay:1000,
				paginationClickable:true
			});
		</script>
	</body>
</html>
